<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="author" content="奇沃云科技"/>
    	<title>深游</title>		
		<link rel="stylesheet" type="text/css" href="../css/publice.css"/>
    	<link rel="stylesheet" type="text/css" href="../css/main.css"/>
        <script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script>
	</head>
	<body>
		<header id="header">
		  <aside class="maxWidth">
    		<div class="logo"><a href="../index.html"><img src="../img/login.png"/></a></div>
    		<div class="right">
    			<nav class="menu">
    				<ul>
    					<li id="sMenu1"><a href="../index.html"><span>首页</span></a></li>
    					<li id="sMenu2"><a href="../index.html#index_list1"><span>目的地</span></a></li>
    					<li id="sMenu3"><a href="../topic/topic.html"><span>特别专题</span></a></li>
    					<li id="sMenu4"><a href="javascript:void(0);"><span>关于我们</span></a>
    						<dl>
    							<!--<dd  id="sSecond4_1"><a href="../about/article.html">文章列表</a></dd>-->
    							<dd  id="sSecond4_2"><a href="../about/brand.html">品牌简介</a></dd>
    							<dd  id="sSecond4_3"><a href="../about/operation.html">合作咨询</a></dd>
    						</dl>
    					</li>
    					<!--<li><a href="#footer"><span>微信微博</span></a></li>-->
    					<li id="sMenu5"><a href="../about/article.html"><span>文章列表</span></a></li>
    				</ul>
    			</nav>
    			<div class="top_login">
    				<a href="javascript:void(0);" class="login loginTop">登录</a>
    				<span class="login_line">|</span>
    				<a href="javascript:void(0);" class="resign resignTop">注册</a>
    			</div>
    			<div class="search">
    				<input type="text" class="search_text" />
    				<span class="search_icon"></span>
    			</div>
    		</div>		
  	</aside>
	</header>
	<!--手机站导航 start-->
	<header class="mobile">
		<aside class="mobile_top">
			<a href="javascript:void(0);" class="logo"><img src="../img/login.png"/></a>
			<span class='mobile_menu_icon'>
				<span></span>
				<span></span>
			</span>
		</aside>
		<aside class="mobile_menu">
			<ul>
				<li id="sMenu1">
					<a href="../index.html">首页</a>
				</li>
				<li id="sMenu2">
					<a href="../index.html#index_list1">目的地</a>
				</li>
				<li id="sMenu3">
					<a href="../topic/topic.html">特别专题</a>
				</li>
				<li class="nextChildren"  id="sMenu4">
					<a href="javascript:void(0);">关于我们</a>
					<dl>
						<!--<dd id="sSecond4_1"><a href="../about/article.html">文章列表</a></dd>-->
						<dd id="sSecond4_2"><a href="../about/brand.html">品牌简介</a></dd>
						<dd id="sSecond4_3"><a href="../about/operation.html">合作咨询</a></dd>
					</dl>
				</li>
				<li id="sMenu5">
					<a href="../about/article.html">文章列表</a>
				</li>
				<li class="loginTop">
					<a href="javascript:void(0);">登录</a>
				</li>
				<li class="resignTop">
					<a href="javascript:void(0);">注册</a>
				</li>
			</ul>
		</aside>
	</header>
	<!--注册弹窗 start-->
	<section class="loginProp" id="resignProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeResign"><img src="../img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="../img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户名</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名"/></dd>
					</dl>
					<dl>
						<dt>邮箱</dt>
						<dd><input type="text" class="text" placeholder="可用于登录和找回密码"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<dl>
						<dt>确认密码</dt>
						<dd><input type="password" class="text" placeholder="重新填写密码"/></dd>
					</dl>
					<dl class="w100">
						<dd>
							<input type="text" class="text smallText" placeholder="填写邮箱中收到的验证码" />
							<button type="button" class="btn yzm">获取邮箱验证码</button>
						</dd>
					</dl>
					<div class="loginCheck">
						<div class="checklabel">						
							<input type="checkbox" class="checkbox" />
							<span class="check_span"></span>
						</div>
						<p>同意<a href="../other/service.html" target="_blank">《服务协议》</a>、<a href="../other/privacy.html" target="_blank">《隐私保护声明》</a></p>
					</div>
					<a href="../person/person.html" class="btn_resign resign">注册</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--注册弹窗 end-->
	<!--登录弹窗 start-->
	<section class="loginProp" id="loginProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeloginProp"><img src="../img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="../img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名或邮箱"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<a href="../person/person.html" class="btn_resign btn_login">登录</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--登录弹窗 end-->
	<section class="second_banner"><img src="../img/banner/person_banner.jpg"/></section>
	<!--个人中心详情start-->
	<section class="person">
	  <aside class="maxWidth">
	    <h3 class="title">会员中心</h3>
	    <aside class="person_main">
	      <div class="pic">
	        <div class="change_pic"><img src="../img/pic2.jpg"/></div>
	        <span class="change_text">点击头像更换头像</span>
	      </div>
	      <div class="person_right">
	        <dl>
	          <dt>用户名</dt>
	          <dd>
	            <div class="label_text">
	              <input type="text" class="text" placeholder="填写用户名" />
	              <a href="javascript:void(0);" class="btn"><img src="../img/edit_icon.jpg"/></a>
	            </div>
	          </dd>
	        </dl>
	        <dl>
	          <dt>邮箱</dt>
	          <dd>
	            <div class="label_text">
                <input type="text" class="text" placeholder="填写邮箱" />
                <a href="javascript:void(0);" class="btn"><img src="../img/edit_icon.jpg"/></a>
              </div>
              <div class="label_send">
                <input type="text" class="text" placeholder="填写邮箱中收到的验证码" />
                <button type="button" class="second_btn">获取邮箱验证码</button>
              </div>
	          </dd>
	        </dl>
	        <dl>
	          <dt>手机</dt>
	          <dd>
	            <div class="label_text">
                <input type="text" class="text" placeholder="填写手机"  />
                <a href="javascript:void(0);" class="btn"><img src="../img/edit_icon.jpg"/></a>
                <span class="tip">便于我们给您发送最新优惠项目</span>
              </div>
	          </dd>
	        </dl>
	        <dl>
	          <dt>性别</dt>
	          <dd>
	            <div class="label_text">
	              <label for="">
	                             男<input type="radio" name="radio" value="0" disabled="disabled" />
	                  <span class="radio_span"></span>
	              </label>
	              <label for="">
	                             女<input type="radio" name="radio" value="1" disabled="disabled" />
	                  <span class="radio_span"></span>
	              </label>
	            </div>
	          </dd>
	        </dl>
	        <a href="javascript:void(0);" class="person_btn">修改资料</a>
	      </div>
	    </aside>
	    <script type="text/javascript">
	      $(".person_btn").click(function(){
	        if($(this).text()=="修改资料"){
	          //alert("111")
	          $(this).text("确认修改");
	          $(".label_text .btn").css("display","inline-block");
	          $(".label_send").css('display',"flex");
	          $(".label_text input[type='radio']").attr("disabled","false");
	        }else{
	          $(this).text("修改资料");
	          $(".label_text .btn").hide();
            $(".label_send").hide();
            $(".label_text input[type='radio']").attr("disabled","true");
	        }
	      })
	    </script>
	    <!--tab切换 start-->
	    <aside class="person_tabContact">
	      <div class="tabList">
	          <!--<a href="javascript:void(0);">通知中心</a>-->
	          <a href="javascript:void(0);">我的信息</a>
	          <a href="javascript:void(0);">我的评论</a>
	          <a href="javascript:void(0);">我的收藏</a>
	      </div>
	      <div class="tabMain">
	        <!--tab1 start-->
	        <!--<div class="tab tab1">
	          <ul class="newList">
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	            <li>通知中心一</li>
	          </ul>
	        </div>-->
	        <!--tab1 end-->
	        <!--我的消息 start-->
	        <div class="tab tab2">
	          <ul class="myNewsList">
	            <li>
	              <p>管理员给您回复</p>
	              <div class="my_new_apply">您好，详细信息您可以关注我们微信公众号哦！</div>
	              <p class="my_new_scour">来自文章：<a href="#" target="_blank">维多利亚港的秘密</a></p>
	            </li>
	            <li>
                <p>管理员给您回复</p>
                <div class="my_new_apply">您好，详细信息您可以关注我们微信公众号哦！</div>
                <p class="my_new_scour">来自文章：<a href="#" target="_blank">维多利亚港的秘密</a></p>
              </li>
              <li>
                <p>管理员给您回复</p>
                <div class="my_new_apply">您好，详细信息您可以关注我们微信公众号哦！</div>
                <p class="my_new_scour">来自文章：<a href="#" target="_blank">维多利亚港的秘密</a></p>
              </li>
              <li>
                <p>管理员给您回复</p>
                <div class="my_new_apply">您好，详细信息您可以关注我们微信公众号哦！</div>
                <p class="my_new_scour">来自文章：<a href="#" target="_blank">维多利亚港的秘密</a></p>
              </li>
	          </ul>
	        </div>
	        <!--我的消息 end-->
	        <!--我的评论 start-->
	        <div class="tab tab3">
	          <div class="person_comment">
	            <dl>
	              <dt>太平山应该怎么玩？</dt>
	              <dd>
	                <a href="#" class='source'>来自文章：太平山观景指南</a>
	                <div class="small_text">
	                  <span class="time">4月14日 18:54</span>
	                  <span class="delect_text">删除评论</span>
	                </div>
	              </dd>
	            </dl>
	            <dl>
                <dt>太平山应该怎么玩？</dt>
                <dd>
                  <a href="#" class='source'>来自文章：太平山观景指南</a>
                  <div class="small_text">
                    <span class="time">4月14日 18:54</span>
                    <span class="delect_text">删除评论</span>
                  </div>
                </dd>
              </dl>
              <dl>
                <dt>太平山应该怎么玩？</dt>
                <dd>
                  <a href="#" class='source'>来自文章：太平山观景指南</a>
                  <div class="small_text">
                    <span class="time">4月14日 18:54</span>
                    <span class="delect_text">删除评论</span>
                  </div>
                </dd>
              </dl>
	          </div>
	        </div>
	        <!--我的评论 end-->
	        <!--我的收藏 start-->
	        <div class="tab tab4">
	          <ul class="myCollecte">
	            <li>
                  <div class="pic"><a href="../destination/destination.html"><img src="../img/index/topic_1.jpg"/></a></div>
                  <div class="text">
                    <span class="place">香港·澳门</span>
                    <span class="number">收藏时间：<i>2018-1-1</i></span>
                    <span class="resetColloct">取消收藏</span>
                  </div>
	            </li>
	          </ul>
	        </div>
	        <!--我的收藏 end-->
	      </div>
	    </aside>
	    <!--tab切换 end-->
	  </aside>
	</section>
	<!--个人中心tab切换js-->
	<script type="text/javascript">
	  $(".person_tabContact .tabList a").click(function(){
	    var _index=$(this).index();
	    showTab(_index);
	  })
	  showTab(0);
	  function showTab(i){
	    $(".person_tabContact .tabList a").eq(i).addClass("active").siblings().removeClass("active");
	    $(".person_tabContact .tab").hide();
      $(".person_tabContact .tab").eq(i).fadeIn();
	  }
	</script>
	<!--个人头像弹窗 start-->
	<section class="changeProp">
	  <aside class="changePic">
	    <a href="javascript:void(0);" class="closePic"><img src="../img/close_icon.png"/></a>
	    <div class="changeMain">
	      <div class="pic">
          <img src="../img/pic2.jpg" id="pic"/>
        </div>
	      <div class="changeMain_pic">
  	      <input type="file" class="file" accept="image/*" />
  	      <a href="javascript:void(0);" class="change_pic_btn">点击这里上传一张新头像</a>
	      </div>
	      <a href="javascript:void(0);" class="change_submit">提交</a>
	    </div>
	  </aside>
	</section>
	<!--个人头像弹窗 end-->
	<!--修改图片的js start-->
	<script type="text/javascript">
	  $(".person_main .change_text").click(function(){
	    $(".changeProp").fadeIn();
	  })
	  $(".changeProp .closePic,.change_submit").click(function(){
	    $(".changeProp").fadeOut();
	  })
	  /*修改头像*/
	  $(".file").change(function(){
	    var reads=new FileReader();
	    var files=$(this)[0].files[0];
	    //console.log(files)
	    reads.readAsDataURL(files);
	    reads.onload=function(){
	      $("#pic").attr("src",reads.result)
	    }
	  })
	</script>
	
	<!--修改图片的js end-->
	<!--是否删除弹窗-->
	<section class="resetProp">
	  <aside class="resetMain">
	    <div class="reset_contact">确认要删除吗？</div>
	    <div class="resetMain_btn">
	      <a href="javascript:void(0);" class="prop_submit">确定</a>
        <a href="javascript:void(0);" class="prop_reset">取消</a>
	    </div>
	  </aside>
	</section>
	<script type="text/javascript">
	  //删除评论
	  $(".person_comment dl .delect_text").click(function(){
	    $(".reset_contact").html("确认要删除吗？")
	    $(".resetProp").fadeIn();
	  })
	  //取消收藏
	  $(".myCollecte li .resetColloct").click(function(){
	    $(".reset_contact").html("确认要取消收藏吗？")
	    $(".resetProp").fadeIn();
	  })
	  //关闭弹窗
	  $(".resetProp .prop_reset").click(function(){
	    $(".resetProp").hide();
	  })
	</script>
	<!--个人中心详情end-->
  <footer class="footer" id="footer">
		<div class="line"></div>
		<aside class="bottom">
			<div class="maxWidth">
				<div class="login"><img src="../img/footer_login.png"/></div>
				<dl class="bottom_submenu">
					<dd><a href="../about/article.html">关于我们</a></dd>
					<dd><a href="../about/operation.html">合作咨询</a></dd>
				</dl>
				<div class="bottom_troduct">
					<div class="left">
						<p>本网站部分图片来自网络，若作者看到，请立即与深游联系。</p>
						<p>Copyright 2017 Onemedia Group. All rights reserved.<br/>@2017 一媒体广告策划（深圳）有限公司·保留所有权<br/>备案号：粤ICP备16101870号-3</p>
					</div>
					<div class="right">
						<span><img src="../img/code_1.jpg"/></span>
						<span><img src="../img/code_2.jpg"/></span>
					</div>
				</div>
			</div>
		</aside>
	</footer>
		<!--右侧固定 start-->
		<section class="rightFixed">
			<ul>
				<li>
					<a class="icon wx_icon"></a>
					<div class="pic wx_pic">
						<img src="../img/code_1.jpg"/>
						<span class="text">扫描二维码<br/>关注公众号</span>
					</div>
				</li>
				<li>
					<a class="icon sina_icon"></a>
				</li>
				<li class="top_icon_li">
					<a class="icon top_icon"></a>
				</li>
			</ul>
		</section>
		<script src="../js/common.js" type="text/javascript"></script>
	</body>
	
</html>
